<?php $this->_extends('_layouts/default_layout'); ?>

<?php $this->_block('title'); ?>Rising<?php $this->_endblock(); ?>
<?php $this->_block('body_id'); ?>page<?php $this->_endblock(); ?>

<?php $this->_block('contents'); ?>
	<div id="wrap">
		<?php $this->_element('header'); ?>
	
		<div id="content" role="main">

			<hgroup id="page-title">
				<h1>Contact Us</h1>
				<h2>We want to hear from you&hellip; Get in touch!</h2>
			</hgroup>
			
			<div id="content-wrap" class="clearfix">
				<div id="main" data-align="left">
					<div class="post page">
						<div class="content excerpt">
							<p>
								The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved to be a major
								influence on the development of graphic design as well as much of 20th century modern art. 
							</p>
				
							<h3 class="section-heading">Leave us a Message</h3>
							<hr class="sep" />
				
							<script type="text/javascript" src="core/js/libs/jquery.validate.pack.js"></script>
							<script type="text/javascript" src="core/js/libs/jquery.form.js"></script>
							<script>
							Rising.onLoad(function() {
								var sending = false,
									sent_message = false;
							
								$('#contact-form').each(function() {
									var _this = this;
									this.data = {};
									this.data.self = $(this);
									this.data.fields = {};
									this.data.labels = {};
									this.data.notification = this.data.self.find('.notification');
									_.each(['name','email','subject'], function(name) {
										_this.data.fields[name] = _this.data.self.find(_.sprintf('input[name=%s]', name));
										_this.data.labels[name] = _this.data.fields[name].val();
									});
								}).validate({
									errorPlacement: function() {},
									highlight: function(element) { $(element).addClass('invalid'); },
									unhighlight: function(element) { $(element).removeClass('invalid'); },
									submitHandler: function(form) {
							
										if (sending) return false;
										if ( sent_message ) { alert('Your message is on the way, Thanks!'); return false; }
							
										var field, valid = true;
										with (form.data) {
											_.each(fields, function(field, name) {
												if ( $.trim(field.val()) == labels[name] ) { valid = false; field.addClass('invalid'); } else { field.removeClass('invalid'); }
											});
										}
							
										if (valid) {
											sending = true;
											form.data.self.ajaxSubmit({
												error: function() {
													form.data.notification.find('span:first-child').html('Unable to send message (Unknown server error)');
													form.data.notification.fadeIn(500);
												},
												success: function(res) {
													sending = false;
													if (/*res == 'success'*/ true) {
														sent_message = true;
														form.data.notification.find('span:first-child').html('Your message has been sent!');
														form.data.notification.fadeIn(500);
													} else {
														form.data.notification.find('span:first-child').html('Unable to send message (Unknown server error)');
														form.data.notification.fadeIn(500);
													}
							
												}
											});
										}
										return false;
									}
							
								});
							});
							</script>
				
							<form class="special validate" action="contact.html" method="post" id="contact-form">
								<p><input type="text" id="name" name="name" value="Name" class="required" /><label for="name">Required</label></p>
								<p><input type="text" id="email" name="email" value="Email" class="required email" /><label for="email">Required</label></p>
								<p><input type="text" id="subject" name="subject" value="Subject" class="required" /><label for="subject">Required</label></p>
								<p><textarea name="message" class="required"></textarea></p>
								<p class="notification" style="display: none;"><span></span> <span class="close" data-action="dismiss"></span></p>
								<p><input type="submit" value="Send Message" /></p>
							</form>
						</div>
					</div>
				</div>
			
				<div id="secondary">
					<aside class="widget widget_search">
						<form class="special">
							<p><input type="text" name="s" value="Start Searching&hellip;" /></p>
						</form>
					</aside>
				
					<aside class="widget widget_recent_entries">
						<h2 class="title"><span>Recent Posts</span></h2>
						<ul>
							<li><a href="#permalink">The Perfect Team</a></li>
							<li><a href="#permalink">Another Story Begins</a></li>
							<li><a href="#permalink">Up in the Sky</a></li>
						</ul>
					</aside>
				
					<aside class="widget widget_recent_comments">
						<h2 class="title"><span>Recent Comments</span></h2>
						<ul>
							<li><a href="#">Mary Jane</a> on <a href="#">A Perfect Team</a></li>
							<li><a href="#">John Doe</a> on <a href="#">Another Story Begins</a></li>
						</ul>
					</aside>
				
					<aside class="widget">
						<h2 class="title"><span>Categories</span></h2>
						<ul>
							<li><a href="#">Staff Picks</a> (3)</li>
							<li><a href="#">Hot Topics</a> (1)</li>
							<li><a href="#">World News</a> (4)</li>
						</ul>
					</aside>
				
					<aside class="widget widget_flickr">
						<h2 class="title"><span>Flickr Gallery</span></h2>
						<div class="flickr-gallery clearfix">
							<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img alt="" src="<?php echo $img_url; ?>content/flickr-1.jpg" height="75" width="75"></a></div>
							<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img alt="" src="<?php echo $img_url; ?>content/flickr-2.jpg" height="75" width="75"></a></div>
							<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img alt="" src="<?php echo $img_url; ?>content/flickr-3.jpg" height="75" width="75"></a></div>
							<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img alt="" src="<?php echo $img_url; ?>content/flickr-4.jpg" height="75" width="75"></a></div>
							<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img alt="" src="<?php echo $img_url; ?>content/flickr-5.jpg" height="75" width="75"></a></div>
							<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img alt="" src="<?php echo $img_url; ?>content/flickr-6.jpg" height="75" width="75"></a></div>
						</div>
					</aside>
				
					<aside class="widget widget_portfolio">
						<h2 class="title"><span>Latest Work</span></h2>
						<article>
							<div class="frame">
								<img alt="Waiting for his Destiny" width="247" height="145" src="<?php echo $img_url; ?>content/portf-widget-1.jpg" />
								<a data-lightbox="image" class="plus" href="<?php echo $img_url; ?>content/lightbox.jpg"></a>
							</div>
							<hgroup>
								<h2 class="post-title"><a href="#permalink">Waiting for his Destiny</a></h2>
								<h3>A Masterpiece, you can’t miss</h3>
							</hgroup>
						</article>
					</aside>
				
				<!--	<aside class="widget widget_video">
						<h2 class="title"><span>Video Widget</span></h2>
						<article>
								<iframe class="frame nohover"src="http://player.vimeo.com/video/22884674" width="247" height="145" frameborder="0"></iframe>
						</article>
					</aside>-->
				</div>
				
				<div class="sbg"></div>
			</div>
		</div>
	
		<?php $this->_element('footer'); ?>
	</div>
<?php $this->_endblock(); ?>


</html>